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Visual Target 


Wanted liquid to live until it hit a surface 

Wanted to model the physics of liquids as much as possible 
very little time per frame 

Wanted blood to be exagerated, but believable 

Wanted blood to make it feel like there were consequences 
to combat 
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F i r s t Att e m pt 

Tried to use ribbons and sprites 
Resulted in high particle counts 

Needed a lot to happen between frame 0 and frame I to get 
good looking blood shapes to happen with the ribbons 

Could not define initial state 

Ribbons didn’t break up into drops and so expanded gaining 


more mass 




This blood was going to be a tough problem. 

So we looked at it more closely. 
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Video Copilot: Action Essentials 2 
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Compensate for scaling 




Animation 


Overall expansion (scaling) 
Border contraction 




Animation 


Overall expansion (scaling) > 
Border contraction > Shader 


Sprite scaling 




Animation: Border Contraction 

From Glops to Drops 
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Animation: Border Contraction 

From Glops to Drops 


• Threshold animation 

• Rule of Threshold Animation: 
Every frame must be contained 
within the borders of the 
previous frame. 
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Animation: Border Contraction 

From Glops to Drops 



Rule of Threshold Animation: 
Every frame must be contained 
within the borders of the 
previous frame. 
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How can we create these 

threshold maps? 


• First attempt: hand paint 

• Result didn’t feel natural 

• Labor intensive 

• Decided to try fluid particle sim 
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Tried filling hand sculped shape 




Now we use a shape created in Real Flow 
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Surface tension makes it condense somewhat 
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But remember, the shape is expanding 





Give all particles outward initial velocity 
Zoom the camera out at the same rate 
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Divide pixel values by number of frames, 

then add images all together 
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Then you have a threshold texture that breaks into 

strings and drops... 
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Its animation is very close to the rendered 

simulation... 
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...and resembles an element in the reference 
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two major challenges. 


Animation 


Shading 
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two major challenges. 


Shading 
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Passes 
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Shading 

Reflection and Refraction 


Sample screen texture with UV offset 

Offset direction is opposite for reflection and refraction 




Screen Texture 


When sampling the Screen Texture 
for refraction, the edges of the 
reflective surface (where normals are 
perpendicular to the viewing angle) 
do not require offsetting the UV. 

The closer the normal gets to the 
camera vector, the closer to the edge 
of the screen texture you need to 
sample. 

Eventually, rays will go outside the 
bounds of the Screen Texture. 

To deal with this, we exagerate the 
fresnel effect and reduce the amount 
of offsetting. 
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Normals 


Needed for UV distortion for reflection and refraction. 
Needed for fresnel. 

Needed for specular lighting. 




Normals 


What should they look like, and where would they come from? 
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• They should change as the shape changes from threshold 
animation. 
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Normals 


What should they look like, and where would they come from? 


• They should change as the shape changes from threshold 
animation. 

• Normals from the simulation would have been dandy, but we 
wanted to avoid flipbooks. So I had to generate normals 
procedu rally. 
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Start as strands connected by thin film. 




End as a strand or drop. 
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r■^ ^ 

Start as strands connected by thin film. 




End as a strand or drop. 


The normals need to animate 
along with the border. 
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In this region, 
normals point left 


In this region, 
normals point right 



How can we derive these regions and generate 

normals for them? 
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In this region, 
normals point left 


In this region, 
normals point right 


i 




How can we derive these regions and generate 

normals for them? 
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Range of 0.02 and 0.05 
Range of 0.05 and 0. 1 
Range of 0. 1 and 0.3 


Remap the values in the 
threshold texture to get a 
gradients within each of the regions. 

Then use the gradients to blend between 
upward pointing normals and normals 
that point perpendicular to the borders. 






0 ... 1 1 ... 0 ... 1 



0 = normals pointing perpendicular to border (flip for interior region) 

1 = normals pointing up (sprite’s normal) 
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Next question: How do we get normals pointing 

perpendicular to the borders? 


To get normals pointing perpendicular to borders... 
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Treat threshold texture 
as height map and 
generate normals 


Make blue channel 
50% gray (eliminate z 
component) 


Normalize Vectors 




Generating Animating Normals 



Take these normals... 




Blend them using the 
gradients in these regions... 


To get these normals 
that animate with the border. 
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And in the end, 
they are on screen 
for about a second. 
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